<!-- 首页 -->
<template>
	<view class="page">
		<view class="card-title">相册</view>
		<view class="card-box">
			<view class="no-text" v-if="vuex_albums == ''">暂未上传</view>
			<view class="image-box" v-else>
				<u-album :urls="vuex_albums"></u-album>
			</view>
		</view>
		
		<view class="card-title">职业</view>
		<view class="card-box">
			<view class="no-text" v-if="vuex_user.profession == null">暂未填写</view>
			<view v-else>{{vuex_user.profession}}</view>
		</view>
		
		<view class="card-title">兴趣爱好</view>
		<view class="card-box">
			<view class="no-text" v-if="vuex_user.hobby == null">暂未填写</view>
			<view v-else>{{vuex_user.hobby}}</view>
		</view>
		
		<view class="card-title">自我介绍</view>
		<view class="card-box">
			<view class="no-text" v-if="vuex_user.introduce == null">暂未填写</view>
			<view v-else>{{vuex_user.introduce}}</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		var token = 'Bearer ' + uni.getStorageSync('token');
		var action = this.website.baseUrl + '/oss/oss/upload';
		return {
			action: action,
			header: {
				'Authorization': token
			},
		};
	},
	mounted() {
		this.init();
	},
	methods: {
		init() {
			
		},
	}
};
</script>
<style lang="scss" scoped>
	.page {
		padding: 15px;
	}
	.card-title {
		margin-bottom: 10px;
		font-size: 28rpx;
	}
	.card-box {
		background-color: #fff;
		padding: 30rpx;
		border-radius: 20rpx;
		font-size: 26rpx;
		margin-bottom: 20px;
		white-space: pre-wrap;
		min-height: 240rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.image-box {
		width: 100%;
	}
	.no-text {
		color: #b4adad;
	}
</style>
